<template>
    <div class="login_foot">
        <div class="info main">
            <img src="@/assets/img/login_picture_04 .png" alt="美呀">
            <div class="business">
                <ul class="equity">
                    <li class='business_title'>权益保障</li>
                    <li><a href="">全国包邮</a></li>
                    <li><a href="">7天无理由退货</a></li>
                    <li><a href="">退货运费补贴</a></li>
                    <li><a href="">限时发货</a></li>
                </ul>
                <ul class="payment">
                    <li class='business_title'>支付方式</li>
                    <li><a href="">微信支付</a></li>
                    <li><a href="">支付宝支付</a></li>
                </ul>
                <ul class="agreement">
                    <li class='business_title'>协议条款</li>
                    <li><a href="">注册协议</a></li>
                    <li><a href="">隐私协议</a></li>
                    <li><a href="">侵权投诉指引</a></li>
                </ul>
            </div>
        </div>
        
        <div class="login_bottom">
            <p>营业执照:913301065526808764|网络文化经营许可证:浙网文(2016)0349-219号|增值电信业务经营许可证:浙江B2-20110349|安全责任书|浙公网安备</p>
            <p>33010602002329号|互联网药品信息服务资格证书编号:(浙)-经营性-2018-002|浙网食A33010003|出版物网络交易平台服务经营备案证|(浙)网械平台备字[2018]</p>
            <p>第00006号|</p>
        </div>
    </div>
</template>

<script setup>
</script>

<style scoped>
.info{
    height: 200px;
}
.info>img{
    margin-top: 36px;
}
.info>.business{
    float: right;
    margin-top: 40px;
}
.equity,.payment,.agreement{
    float: left;
    margin-right: 50px;
}
.business_title{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 12px;
}
.info>.business a{
    font-size: 12px;
    margin-top: 10px;
}
.login_bottom{
    height: 120px;
    font-size: 8px;
    color: #8d8d8d;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
}
.login_bottom>p{
    width: 980px;
    margin: 0 auto;
    text-align: center;
    margin-top: 6px;
}
</style>